<template>
  <div id="handOverPrint" :class="['left',{'mainBig': $store.state.isCollapse ,'mainSmall': !$store.state.isCollapse }]">
    <div class="backTo" @click="back">
      <img src="../../../static/images/back.png" alt="返回" />
    </div>
    <iframe :src="src" width="100%" height="100%"></iframe>
  </div>
</template>
<script>

export default {
    data() {
      return {
        src: this.$route.query.http,
      }
    },
    methods: {
      back() {
        if (this.$route.query.status == 1) {
          this.$store.state.stateData.status = 1;
          this.$router.push({
            name: 'patientShiftLogList',
            query: { item: 3, department: 1, },
            params: { type: this.$route.query.type, date: this.$route.query.date, msg: this.$route.query.msg }
          })
          setTimeout(() => {
            this.$store.state.stateData.status = 2;
          },3000)
          //console.log(this.$route.query.date)
          //console.log(this.$route.query.msg)
          //console.log(this.$route.query.type)
        }
      }
    }
}
</script>
<style scoped>
  #handOverPrint{
    position:relative;
  }
  #handOverPrint .backTo {
    position: absolute;
    top: 17px;
    right:100px;
    text-align:right;
  }
    #handOverPrint .backTo img {
      width: 42px;
    }
</style>
